<template>
  <div class="my-order-box">
    <h3>我的退款</h3>
    <div class="order-box">
      <div class="order-item" v-for="(item,key) in orderlist"  :key="`orderItem-${key}`">
        <order-item :orderItem="item"></order-item>
      </div>
    </div>
  </div>
</template>

<script>
import OrderItem from "@/components/RefundOrderItem.vue";
export default {
  components: {
    OrderItem,
  },
  data(){
    return {
        orderlist:[],
        currentPage:1,
        total:1,
        persizes:10,
    }
  },
  created() {
      let _this = this;
      this.$http.get('/returnApply/list',{
          page:_this.currentPage,
          size:_this.persizes,
      }).then(function (response) {
          _this.orderlist = response.data;
          _this.total = response.data.length;
          window.console.log(response);
      })
  },
};
</script>

<style lang="scss" scoped>
.my-order-box {
  width: 100%;
  padding: 14px;
  box-sizing: border-box;
  h3 {
    text-align: left;
    font-weight: 200;
    margin-bottom: 20px;
    height: 28px;
    font-size: 22px;
    font-weight: normal;
    line-height: 28px;
    color: #757575;
  }
  .order-item {
    margin: 14px 0;
  }
}


</style>